<<<<<<< HEAD
import React from "react"
import { observer,inject } from "mobx-react"
import "./mv.css"
@inject('mvStore')

@observer
class Mv extends React.Component{
    componentDidMount(){
        const {mvStore}=this.props;
        mvStore.getmvList();
    }
    mvclick(id){
        this.props.history.push({pathname: '/mvresult', state:{id:id}});
    }
    back3(){
        window.history.back()
    }
    render(){
        const {mv} =this.props.mvStore
        // console.log(mv)
        return(
            <div>
                <p className="index-p">
                    <i className="index-i"  onClick={this.back3.bind(this)}></i> 
                    <span>MV排行榜</span>
                    <i className="index-i-hao"></i>
                </p>
               <ul className="mvul">
                   {
                       mv.map(({name,id,cover})=>{
                           return(
                               
                                   <li key={id}>
                                   <img src={cover} alt=""  className="mvimg" onClick={this.mvclick.bind(this,id)}/>
                                       <span className="mvspan">{name}</span>
                                      
                                   </li>
                              
                           )
                       })
                   }
               </ul>
            </div>
        )
    }
}
=======
import React from "react"
import { observer,inject } from "mobx-react"
import "./mv.css"
@inject('mvStore')

@observer
class Mv extends React.Component{
    componentDidMount(){
        const {mvStore}=this.props;
        mvStore.getmvList();
    }
    mvclick(id){
        this.props.history.push({pathname: '/mvresult', state:{id:id}});
    }
    back3(){
        window.history.back()
    }
    render(){
        const {mv} =this.props.mvStore
        // console.log(mv)
        return(
            <div>
                <p className="index-p">
                    <i className="index-i"  onClick={this.back3.bind(this)}></i> 
                    <span>MV排行榜</span>
                    <i className="index-i-hao"></i>
                </p>
               <ul className="mvul">
                   {
                       mv.map(({name,id,cover})=>{
                           return(
                               
                                   <li key={id}>
                                   <img src={cover} alt=""  className="mvimg" onClick={this.mvclick.bind(this,id)}/>
                                       <span className="mvspan">{name}</span>
                                      
                                   </li>
                              
                           )
                       })
                   }
               </ul>
            </div>
        )
    }
}
>>>>>>> 3ef2a7301991405f246e5687924fdd0e40607de4
export default Mv